import React from 'react'
import {Outlet,NavLink} from "react-router-dom" // 渲染二级路由的
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
function Home() {
  return (
    <div>
     <Outlet></Outlet>
     <div className='demo-tabbar'>
      <Tabbar>
        <Tabbar.Item icon={<HomeO />}>
           <NavLink to="/home/movie">电影</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<Search />}>
            <NavLink to="/home/video">视频</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<FriendsO />}>
            <NavLink to="/home/shortVido">小视频</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<SettingO />}>
           <NavLink to="/home/show">演出</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<SettingO />}>
        <NavLink to="/my">我的</NavLink>
        </Tabbar.Item>
      </Tabbar>
    </div>
  
   
  
    
   
    </div>
  )
}

export default Home